<script setup lang="ts">
import BasicLayout from './layouts/BasicLayout.vue'
</script>

<template>
  <basic-layout></basic-layout>
</template>

<style>
html,
body {
  padding: 0px;
  margin: 0px;
  background-color: var(--background-color);
  color: var(--text-color);
}

/* 展现不同的颜色主题 */
/* 浅色模式 */
:root {
  --background-color: white;
  --text-color: #333333;
}

[data-theme='dark'] {
  --background-color: black;
  --text-color: white;
}

[data-theme='red-education'] {
  --background-color: #652020;
  --text-color: yellow;
}
</style>
